<!DOCTYPE html>
<html>
<title><{$title}></title>
<head>
  <meta charset="UTF-8">
    <!-- import CSS -->
    <{include file='_common/_loadVarTemplate.tpl'}>
    <script src="Resource/Script/requireJs/require.js" data-main="Resource/Script/requireJs/_mainSimple"></script>
    <{webcontrol type='LoadJsCss' src="Resource/Script/layui/layui/css/layui.css"}>
    <{webcontrol type='LoadJsCss' src="Resource/Script/layui/style/admin.css"}>
    <style>
    [v-cloak] {display: none;}

    ::-webkit-scrollbar {
        width: 6px;
        height: 8px;
    }
    div::-webkit-scrollbar:hover {
        height: 8px;
        background-color: rgba(0,0,0, .15);
    }
    ::-webkit-scrollbar-thumb {
      border-radius: 1px;
      background-color: rgba(0, 0, 0, .2)
    }
    div::-webkit-scrollbar-thumb:hover {
      border-radius: 6px;
      background-color: rgba(0, 0, 0, .3)
    }
  </style>
</head>
<body>
<div id="app" v-cloak>
    <el-row style="padding: 15px;">
        <el-col :span="22" :offset="1">
            <el-card class="box-card">
              <div slot="header" class="clearfix">
                <span>样品信息</span>
                <el-button-group style="float: right; padding: 3px 0">
                  <el-button type="primary" icon="el-icon-printer" size='mini' @click="printAll">打印标签</el-button>
                  <el-button type="warning" icon="el-icon-edit-outline" size='mini' @click="baojia">报价单</el-button>
                  <!-- <el-button type="primary" icon="el-icon-download" size='mini' @click="exportExcel">导出清单</el-button> -->
                  <!-- <el-button type="primary" icon="el-icon-delete" size='mini'></el-button> -->
                </el-button-group>
              </div>
              <div class="text item" style="width:400px;">
                <el-input
                    placeholder="请输入样品编号"
                    prefix-icon="el-icon-full-screen"
                    v-model="barcode"
                    v-on:keyup.enter.native="searchBarCode"
                    >
                    <template slot="append">
                        <el-button type="primary" icon="el-icon-plus" size='mini' @click="searchBarCode">添加样品</el-button>
                    </template>
                  </el-input>
              </div>

              <el-divider content-position="left">
                <el-badge v-if="row.length > 0" :value="row.length" class="item" type="primary">
                  <span style="padding: 0 15px 0 0 ;">样品列表</span>
                </el-badge>
                <span v-else>样品列表</span>
              </el-divider>

              <table class="layui-table">
                  <thead>
                    <tr>
                      <th width="60">操作</th>
                      <th>样品编号</th>
                      <th>品名</th>
                      <th>花型颜色</th>
                      <th>组织</th>
                      <th>样品类型</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr v-for="(item,index) in row" :key="index">
                      <td><el-link type="primary" @click="removeRow(index)">删除</el-link></td>
                      <td>{{item.code}}</td>
                      <td>{{item.proName}}</td>
                      <td>{{item.proDesc}}</td>
                      <td>{{item.zuzhi}}</td>
                      <td>{{item.type}}</td>
                    </tr>
                  </tbody>
                </table>

            </el-card>
        </el-col>
    </el-row>
</div>
</body>
</html>